const DefineColors = ['#16e1ff', '#FFAA3B', '#FFE329', '#82B74F'];
// const barGap = 'auto'
import { px } from '@/utils/utils';
export const baseLineProps = (() => ({
  color: DefineColors,
  tooltip: {
    trigger: 'axis',
    confine: true,
    textStyle: {
      fontSize: px(12)
    }
  },
  legend: {
    show: true,
    left: 'center',
    selectedMode: true,
    itemWidth: px(20),
    itemHeight: px(10),
    textStyle: {
      color: '#fff',
      fontSize: px(12)
    }
  },
  grid: {
    left: px(10),
    right: '5%',
    top: px(30),
    bottom: px(5),
    containLabel: true
  },
  yAxis: {
    type: 'value',
    boundaryGap: false,
    nameTextStyle: {
      color: '#fff',
      fontSize: px(12),
      padding: 0
    },
    splitNumber: 5,
    splitLine: {
      show: false
    },
    axisTick: {
      show: false
    },
    axisLabel: {
      color: '#fff'
    }
  },
  xAxis: [
    {
      type: 'category',
      data: ['1', '2', '3', '4', '5', '6', '7'],
      boundaryGap: false,
      axisLine: {
        lineStyle: {
          color: '#87DCFF'
        }
      },
      axisTick: {
        alignWithLabel: true, // 控制刻度线与标签对齐
        lineStyle: {
          color: '#87DCFF',
          opacity: 0
        }
      },
      axisLabel: {
        color: '#fff',
        fontSize: px(12)
      }
    }
  ],
  // dataZoom: [
  // 	{
  // 		id: 'dataZoomY',
  // 		xAxisIndex: [0, 1],
  // 		show: true, //是否显示滑动条，不影响使用
  // 		type: 'slider', // 这个 dataZoom 组件是 slider 型 dataZoom 组件
  // 		orient: 'horizontal',
  // 		startValue: 0, // 从头开始。
  // 		endValue: 5, // 一次性展示5个
  // 		height: 6,
  // 		borderColor: 'transparent',
  // 		fillerColor: 'rgba(0, 174, 255, 0.227)',
  // 		zoomLock: true,
  // 		showDataShadow: true, //是否显示数据阴影 默认auto
  // 		backgroundColor: 'transparent',
  // 		showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
  // 		realtime: true, //是否实时更新
  // 		filterMode: 'filter',
  // 		handleIcon: 'circle',
  // 		handleStyle: {
  // 			color: 'rgba(0, 174, 255, 0.227)',
  // 			borderColor: 'rgba(205,205,205,1)'
  // 		},
  // 		bottom: 10,
  // 		// handleSize: '80%',
  // 		moveHandleSize: 0,
  // 		// maxValueSpan: "2014-02-24",
  // 		// minValueSpan: 4,
  // 		brushSelect: false //刷选功能，设为false可以防止拖动条长度改变 ************（这是一个坑）
  // 	}
  // ],
  series: [
    {
      name: '轮入已执行',
      type: 'line',
      smooth: true,
      showBackground: false,
      showSymbol: false,
      data: [],
      label: {
        show: false
      }
    }
  ]
}))();
